<template>
  <div>
   <List ref='listComp'/>
  </div>
</template>

<script>
import _ from 'lodash'
import List from './components/List'
export default {
  name:'App',
  components:{
    List
  },
  data(){
    return {
      list:[]
    }
  },
  mounted() {
    // 使用 组件实例.$on 给某个组件绑定自定义事件（如果给组件设置一个ref属性，则获取的当前被设置的组件实例）
    this.$refs.listComp.$on('atguigu',this.getlistData)
  },
  methods:{
    // 自定义事件主要用来接收子组件的传参
    getlistData(list){
      // this.list = [...list]

      // 接收的数据比较复杂，需要对数据进行深拷贝
      this.list = _.cloneDeep(list)
      console.log(this.list[0]===list[0]);
    }
  }
}
</script>

<style>

</style>